<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<jsConst/>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>jiesuanxinxi</title>
	<link rel="stylesheet" href="__TEMPLATE__/css/jiesuanxinxi.css" />
	<script type="text/javascript" src="__TEMPLATE__/js/address.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" href="__STATIC__/hdjs/hdjs.css" />
	<script type="text/javascript" src="__STATIC__/hdjs/hdjs.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/jiesuanxinxi.js"></script>
	
</head>
<body>
	<!-- 背景黑色 -->
	<div id="back">
		<div class="jiadizhi">
		<div class="tou">
			<span class="new_dizhi">使用新地址</span>
		</div>
		<form action="" method="post" class="zengjiadizhi">
		<div class="edit_dizhi">
			<div class="edit_box">
				<div class="lab_box">
					<label>收件人:</label>
					<span class="xing">*</span>
				</div>
				<input type="text" class="tijiao_name" name="tijiao_name" />
			</div>
			<div class="edit_box">
				<div class="lab_box">
					<label>收货地址:</label>
					<span class="xing">*</span>
				</div>
				<select class="area_one" name="sheng">
				<foreach from="$province" key="$k" value="$v">
					<option value="{$v.area_id}">{$v.area_name}</option>
				</foreach>
				</select>
				<select class="area_one" name="shi"></select>

				<select class="area_one" name="qu"></select>

			</div>
			<div class="edit_box">
				<div class="lab_box">
					<label>详细地址:</label>
					<span class="xing">*</span>
				</div>
				<input type="text" class="tijiao_dizhi" name="tijiao_dizhi" />

			</div>
			<div class="edit_box">
				<div class="lab_box">
					<label>手机号码:</label>
					<span class="xing">*</span>
				</div>
				<input type="text" class="tijiao_phone" name="tijiao_phone" />

			</div>
			<div class="btn">
				<a href="" class="queding">确定</a>
				<a href="javascript:;" class="quxiao">取消</a>
			</div>
			
		</div>
		</form>
			
		</div>
	</div>
	<!-- 头部开始 -->
	<div id="head">
		<div class="middle">
			<a class="left" href="{|U:'Index/Index/index'}"></a>
			<div class="right">
			<if value="isset($_SESSION['uid']) && isset($_SESSION['username'])">
				<div class="login">
					欢迎您:<span class="welcome">{$hd.session.username}</span><a href="{|U:'Index/JieSuanXinXi/tuichu'}" class="tuichu">[退出]</a>
				</div>
			<else/>
				<div class="huanying">
					<span class="huanying1">聚美欢迎您,</span>
					<a href="{|U:'Index/Login/index'}" class="zhuce">[登录]</a>
					<a href="{|U:'Index/Reg/index'}" class="denglu">[快速注册]</a>
				</div>
			</if>
				<div class="jindu"></div>
			</div>
		</div>
		
	</div>

	<!-- 头部结束 -->
	<!-- 中间部分开始 -->
	<div id="daodishi">
		<span class="clock"></span><p>请在<span class="time">20:30</span>内提交交易，并在下单后30分钟内完成支付。</p>
		
	</div>
	<div id="xuanze_jiesuanfangshi">
		<form action="javascript:;" method="post" id="shouhuo">
		<!-- 添加异步地址选择 -->
		<div class="dizhixuanze" style="display:block;">
			<span class="title">1选择地址</span>
			<div class="dizhi_up">
			<!-- 异步添加地址内容位置 -->
			</div>
			<div class="tijiao_btn">
				<a href="" class="shouqi">收起地址<span class="shou"></span></a>
				<!-- <a href="" class="zhankai">展开地址<span class="zhan"></span></a> -->
				<a href="javascript:;" class="xindizhi">添加新地址</a>	
			</div>
		</div>
	
		<div class="dizhi">
			<span class="title">1地址选择</span>
			<div class="tianxie">
				<div class="box">
					<div class="lab">
						<span>收件人:<span class="xing">*</span></span>
					</div>
						<input type="text" class="ren" name="shuoname"/>
				</div>
				<div class="box">
					<div class="lab">
						<span>收货地址:<span class="xing">*</span></span>
					</div>
					<div class="xuan">
						<select name="sheng" id="" class="area_one" >
							<foreach from="$province" key="$k" value="$v">
								<option value="{$v.area_id}">{$v.area_name}</option>
							</foreach>
						</select>
						<select name="shi" id="" class="area_one" ></select>
						<select name="qu" id="" class="area_one" ></select>

					</div>
					<span id="hd_area_one"></span>
					
				</div>
				<div class="box">
					<div class="lab">
						<span>详细地址:<span class="xing">*</span></span>
					</div>
						<span class="sheng"></span>
						<span class="shi"></span>
						<span class="qu"></span>
						<input type="text" class="dizhikuang" name="xiangxidizhi" />
				</div>
				<div class="box">
					<div class="lab">
						<span>手机号码:<span class="xing">*</span></span>
					</div>
						<input type="text" class="phone" name="tel"/>
				</div>
				<div class="box">
					<input type="submit" value="提交" class="tijiao" />
					<span class="quxiao" class="quxiao">取消</span>
				</div>
			</div>
		</div>
		
		</form>
		<form action="{|U:'Index/JieSuanChengGong/index'}" method="post">
		<div class="songhuo_shijian">
			<span class="title">2送货时间</span>
			<div class="shijian">
				<div class="fahuoshijian"><input type="radio" name="shijian" value="工作日" checked="" /><span class="time">仅工作日送货</span></div>
				<div class="fahuoshijian"><input type="radio" name="shijian" value="假日"/><span class="time">仅假日送货</span></div>
				<div class="fahuoshijian"><input type="radio" name="shijian" value="工作日/假日"/><span class="time">工作日/假日均可送货</span></div>
			</div>
		</div>
		<div class="songhuo_qingdan">
			<span class="title">2商品清单</span>
			<div class="qingdan">
				<div class="qingdan_head">
					<span class="sp">商品</span>
					<ul class="sp_right">
						<li>数量</li>
						<li>单价</li>
						<li>小计</li>
					</ul>
				</div>
				<ul class="yidinggou">
				<foreach from="$goodsData" key="$k" value="$v">
					<table>
						<td class="pinming"><a href="">{$v.name}</a></td>
						<td class="size">型号:</td>
						<td class="ml">{$v.options.size}</td>
						<td class="size">颜色:</td>
						<td class="ml">{$v.options.color}</td>
						<td class="num">{$v.num}</td>
						<td class="fuhao">￥</td>
						<td class="single_price">{$v.price}</td>
						<td class="fuhao">￥</td>
						<td class="xiaoji">{$v.total}</td>
					</table>
					
					
				</foreach>

				</ul>
				<div class="foot">
					<div class="bendan">
						本单应付:<span class="fuhao">￥</span><span class="yingfu">{$totalprice}</span>
					</div>
				</div>
				<div class="yingfuzongjin">
						应付总额:<span class="fuhao">￥</span><span class="yingfu">{$totalprice}</span>
				</div>
				
			</div>
		</div>
		<div class="fukuang_fangshi">
			<span class="title">4支付方式</span>
			<ul class="fangshi">
				<li class="fk">
					<input type="radio" name="pay_style" value="货到付款" checked="" />
					<span class="tujing">货到付款</span>
				</li>
				<li class="fk">
					<input type="radio" name="pay_style" value="支付宝付款"/>
					<span class="tujing">支付宝/财付通/银联在线/百度钱包</span>
				</li>
				<li class="fk">
					<input type="radio" name="pay_style" value="网银付款"/>
					<span class="tujing">网上银行</span>
				</li>
				<li class="fk">
					<input type="radio" name="pay_style" value="快捷付款"/>
					<span class="tujing">快捷支付</span>
				</li>
			</ul>
		</div>
		<input type="submit" value="确认提交" class="lbtn" />
		</form>
		<a href="{|U:'Index/JieSuan/index'}" class="xiugai">修改购物车</a>
	</div>
	

	<!-- 中间部分结束 -->
	<!-- 底部开始 -->
	<div id="dibu">
		<div class="banquan">
			<p>© 2013 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-123-8888 </p>
			<p>京公网安备 11010102001226 | 京ICP证111033号 | 食品流通许可证 SP1101051110165515（1-1） | 营业执照</p>
		</div>
	</div>
	<!-- 底部结束 -->
	
</body>
</html>